<template>
  <div class="container">
    <global-header :user="curUser" />
    <column-list :list="list" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import 'bootstrap/dist/css/bootstrap.min.css'
import ColumnList, { ColumnProps } from './components/ColumnList.vue'
import GlobalHeader, { UserProps } from './components/GlobalHeader.vue'

const curUser: UserProps = {
  id: 1,
  name: 'xx',
  isLogin: true
}

const testData:ColumnProps [] = [{
  id: 1,
  title: '123',
  avatar: '',
  description: '123'
}, {
  id: 2,
  title: '22',
  avatar: 'logo.png',
  description: '123'
}, {
  id: 3,
  title: '123',
  avatar: '',
  description: '123'
}]

export default defineComponent({
  name: 'App',
  components: {
    ColumnList,
    GlobalHeader
  },
  setup () {
    return {
      list: testData,
      curUser
    }
  }
})
</script>

<style>

</style>
